@use "sass:color";
@import "../../../../style/pc/fk/theme";
@import "../../../modal/style/fk";
@import "../../../arrow-scroll/style/fk";
@import "../../../input/style/fk";
@import "../../../button/style/fk";
@import "../../../tree/style/fk";
@import "../../../checkbox/style/fk";
.lms-ChooseMember{
	$padding:20px;
	$close-margin:10px;
	&.lexmis-Modal{
		>.lexmis_dialog{
			background:#F6F6F6;
		}
		.lexmis_foot,.lexmis_head{
			border:0 !important;
		}
	}
	.q-splitter__panel{
		overflow:hidden;
	}
	.lms-ChooseMember_content{
		margin:0 20px 20px;
		border:1px solid $-border-color;
		border-radius:$-modal-border-radius;
		background:#fff;
	}
	.lms-ChooseMember_head{
		height:45px;
		border-bottom:1px solid $-border-color;
		display:flex;
		align-items:center;
	}
	.lms-ChooseMember_body{
		height:calc(100% - 45px);
		display:flex;
	}
	.lms-ChooseMember_labels{
		flex-grow:1;
		flex-basis:0;
		height:100%;
		user-select:none;
	}
	.lms-ChooseMember_label{
		position:relative;
		display:inline-flex;
		align-items:center;
		height:100%;
		padding:0 15px;
		cursor:pointer;
		&.lms--active{
			color:$-primary-color;
			&:after{
				content:'';
				position:absolute;
				border-bottom:2px solid $-primary-color;
				bottom:0;
				width:calc(100% - 20px);
				left:10px;
			}
		}
	}
	.lms-ChooseMember_tools{
		flex-shrink:0;
		>div{
			margin-right:15px;
		}
	}
	.lms-ChooseMember_search{
		width:200px;
	}
	.lms-ChooseMember_searchIcon{
		color:$-primary-color;
		cursor:pointer;
	}
	.lms-ChooseMember_left,.lms-ChooseMember_right{
		flex-shrink:0;
		width:50%;
		height:100%;
	}
	.lms-ChooseMember_hideSeparator{
		>div{
			top:0;
		}
	}
	.lms-ChooseMember_leftBottom{
		height:100%;
	}
	.lms-ChooseMember_right{
		border-left:1px solid $-border-color;
		position:relative;
		z-index:1;
	}
	.lms-ChooseMember_infoBar{
		height:40px;
		padding:0 15px;
		display:flex;
		align-items:center;
		color:$-content-color;
	}
	.lms-ChooseMember_info{
		flex-shrink:0;
	}
	.lms-ChooseMember_text{
		flex-grow:1;
		flex-basis:0;
		margin:0 5px;
	}
	.lms-ChooseMember_but{
		flex-shrink:0;
		margin-left:5px;
	}
	.lms-ChooseMember_list{
		height:calc(100% - 40px);
	}
	.lms-ChooseMember_tree{
		height:100%;
	}
	.lms-ChooseMember_item{
		position:relative;
		padding:0 #{$padding + $-icon-close-size + $close-margin + 5px} 3px #{$padding + 15px};
		height:38px;
		display:flex;
		align-items:center;
		&.lms--active,&:hover{
			&:before{
				content:"";
				position:absolute;
				border-radius:$-form-widget-border-radius;
				width:calc(100% - #{$padding * 2});
				height:calc(100% - 3px);
				left:$padding;
				top:0;
				z-index:-1;
			}
		}
		&:hover{
			&:before{
				background:#efefef;
			}
			.lms-ChooseMember_close{
				display:inline-flex;
			}
		}
		&.lms--active{
			&:before{
				background: color.scale($-primary-color,$alpha:-90%);
			}
		}
	}
	.lms-ChooseMember_close{
		@include icon-close;
		display:none;
		position:absolute;
		right:$padding + $close-margin;
	}
}
